<template>
    <!-- NavMenu 导航菜单 组件功能不符合需求，弃用 -->
    <div>
        <el-menu class="navbar-menu" 
        default-active="/home/video" 
        text-color="#fff" 
        active-text-color="#ffa502" 
        :router="true" 
        >
          <el-menu-item index="/home/video">
            <i class="el-icon-video-camera-solid"></i>
            <span slot="title">视频管理</span>
          </el-menu-item>
            
          <el-menu-item index="/home/photo">
            <i class="el-icon-picture"></i>
            <span slot="title">照片管理</span>
          </el-menu-item>

          <el-menu-item index="/home/authority">
            <i class="el-icon-s-opportunity"></i>
            <span slot="title">权限管理</span>
          </el-menu-item>
          
          <el-menu-item index="/home/upload">
            <i class="el-icon-upload"></i>
            <span slot="title">上传</span>
          </el-menu-item>
        </el-menu>
    </div>
</template>

<script>
export default{
    name:'home-navbarold',
    data(){
        return{
            
        }
    },
    methods:{
       
    }
}
</script>

<style scoped>
.navbar-menu{
  border-right: none; /* NavMenu导航菜单 会自带一个右边框，把它去掉 */
  border-radius: 10px;
  background-color: rgba(84,92,100,0.7);
}


/* 菜单项:hover时的颜色 */
.navbar-menu .el-menu-item:hover{
  background-color: rgba(67,74,80,0.8);
}

/* 菜单项选中时的颜色(is-active是组件自带的选中时的类名) */
.navbar-menu .is-active{
  background-color: rgba(67,74,80,0.8);
}
</style>